<div class="layui-tab">
    <ul class="layui-tab-title">
        <?php if($html_type==1 || empty($html_type)){ ?>
            <li class="layui-this"><a href="<?=base_url("/user_material/yunyin/index")?>">普通列表</a></li>
            <li><a href="<?=base_url("/user_material/yunyin/quality")?>">精选列表</a></li>
        <?php }else if($html_type==2){ ?>
            <li><a href="<?=base_url("/user_material/yunyin/index")?>">普通列表</a></li>
            <li class="layui-this"><a href="<?=base_url("/user_material/yunyin/quality")?>">精选列表</a></li>
        <?php } ?>
    </ul>
</div>
<form class="layui-form" id="search-form">
    <div style="min-height: 38px;margin-top: 5px;">
        <div class="layui-inline">
            <div class="layui-input-inline">
                <select name="status_type" lay-filter="join_type" id="status_type">
                    <option value="">分类选择</option>
                    <?php if(!empty($types)){
                        foreach($types as $k=>$v){
                            ?>
                            <option value="<?=$v['id']?>"><?=$v['name']?></option>
                        <?php }} ?>
                </select>
            </div>
            <div class="layui-input-inline">
                <select name="status_type" lay-filter="join_type_sub" id="status_type">
                    <option value="">话题选择</option>
                    <?php if(!empty($type_sub)){
                        foreach($type_sub as $k=>$v){
                            ?>
                            <option value="<?=$v['id']?>"><?=$v['sub_title']?></option>
                        <?php }} ?>
                </select>
            </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">日期范围</label>
            <div class="layui-input-inline">
                <input type="text" class="layui-input time" id="test6" placeholder="" style="width:200px;">
            </div>
        </div>
        <button type="button" class="layui-btn layui-btn-primary search"><i class="layui-icon">&#xe615;</i> </button>
    </div>
</form>


<script>
    $(function(){
        //注意：选项卡 依赖 element 模块，否则无法进行功能性操作
        layui.use('element', function(){
            var element = layui.element;

            //…
        });
        //日期选择
        layui.use('laydate', function() {
            var laydate = layui.laydate;

            //日期范围
            laydate.render({
                elem: '#test6'
                ,range: '~'
            });
        })
    })

</script>